<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="../../common.css">
<style>
    :root {
        --bg: orange;
    }

    body {
        background-image: linear-gradient(0deg, transparent 24%, var(--bg) 25%,
                var(--bg) 26%, transparent 27%, transparent 74%,
                var(--bg) 75%, var(--bg) 76%, transparent 77%,
                transparent), linear-gradient(90deg, transparent 24%,
                var(--bg) 25%, var(--bg) 26%,
                transparent 27%, transparent 74%, var(--bg) 75%,
                var(--bg) 76%, transparent 77%, transparent);
        background-size: 60px 60px;
        background-position: 160px 160px;
        width: 50%;
        height: 400px;
    }
</style>

<body>

</body>

</html>